<template>
  <div class="icons-container">
    <el-tabs type="border-card">
      <el-tab-pane label="收入预算明细表" align="center">
        <div class="grid">
          <el-table
            :data="tableData"
            style="width: 100%">
            <el-table-column
              prop="number"
              label="序号"
              width="240"
              align="center">
            </el-table-column>
            <el-table-column
                prop="revenueItemCategory"
                label="收入项目类别"
                width="480"
                align="center">
             </el-table-column>
             <el-table-column
                  prop="annualTotalIncome"
                  label="本年收入总计"
                  width="480"
                  align="center">
             </el-table-column>
             <el-table-column
                  prop="remarks"
                  label="备注"
                  width="480"
                  align="center">
              </el-table-column>
          </el-table>
          </div>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import {getIncome} from '@/api/budget'
export default {
  name: "Icons",
    data() {
      return {
      loading: false,
      // 表格组件 列表数据对象
      tableData: [],
      planList: [],
      editRowJson: ''
      }
    },
    created() {
    this.initData();
  },
    methods: {
    initData() {
      this.getList();
      },

    getList() {
      getIncome().then(response => {
        console.log(response)
        var list1=response.data;
        for(var i=0;i<list1.length;i++)
        list1[i].number=i+1;
        this.tableData = list1;
      })
    },
   }
 };
</script>

<style lang="scss" scoped>
.icons-container{
  margin: 10px 20px 0;
}
</style>
